﻿<%@ Page Title="" Language="C#" MasterPageFile="~/clerks/ClerkMaster.Master" AutoEventWireup="true" CodeBehind="RecordStockCard.aspx.cs" Inherits="LogicUniversity.clerks.RecordStockCard" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxtoolkit" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style type="text/css">
        @media screen and (max-width:768px)
        {
            div.span2
            {
                text-align:left;
            }
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="content" runat="server">
 <form id="form1" runat="server">
 <ajaxtoolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
    </ajaxtoolkit:ToolkitScriptManager>
 <div class="row-fluid">
    <div class="span3 offset4">
        <h3>Stock Card</h3>
    </div>
 </div>
 <br />
  <div class="row-fluid">
    <div class="span2">
        <asp:Label ID="searchItemCode" runat="server" Text="Item Code "></asp:Label>
        <asp:DropDownList ID="ddlItemCode" runat="server">
        </asp:DropDownList>
    </div>
    <div class="span3">
        <asp:TextBox ID="txtDate" placeholder="select date" runat="server"></asp:TextBox>
        <asp:LinkButton ID="btnDate" runat="server">
            <i class="icon-calendar"></i>
        </asp:LinkButton>
        <ajaxtoolkit:CalendarExtender PopupButtonID="btnDate" ID="TextBox1_CalendarExtender"
                runat="server" TargetControlID="txtDate">
            </ajaxtoolkit:CalendarExtender>
    </div>
    <div class="span2">
        <asp:Button CssClass="btn btn-primary" ID="btnFilter" runat="server" Text="Filter" 
            onclick="btnFilter_Click" />
    </div>
 </div>
 <div class="row-fluid">
    <div class="span8 well">
    <div class="row-fluid">
        <div class="span2 text-right">
            <asp:Label ID="lblItemCode" Font-Bold="true" runat="server"></asp:Label>
        </div>
        <div class="span2">
            <asp:Label ID="ItemCode" runat="server" ></asp:Label>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span2 text-right">
            <asp:Label ID="lblDesc" Font-Bold="true" runat="server"></asp:Label>
        </div>
        <div class="span5">
            <asp:Label ID="Desc" runat="server"></asp:Label>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span2 text-right">
            <asp:Label ID="lblBin" Font-Bold="true" runat="server"></asp:Label>
        </div>
        <div class="span2">
            <asp:Label ID="Bin" runat="server"></asp:Label>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span2 text-right">
            <asp:Label ID="lblMeasurement" Font-Bold="true" runat="server"></asp:Label>
        </div>
        <div class="span2">
            <asp:Label ID="UOM" runat="server"></asp:Label>
        </div>
    </div>
    </div>
 </div>

 <br />
 <div class="row-fluid">
    <div class="span8">
        <asp:GridView GridLines="None" CssClass="table table-hover" ID="GridView1" 
            runat="server" AutoGenerateColumns="False">
            <Columns>
                <asp:BoundField DataField="Date" HeaderText="Date" />
                <asp:BoundField DataField="Description" HeaderText="Description" />
                <asp:BoundField DataField="Quantity" HeaderText="Quantity" />
                <asp:BoundField DataField="Balance" HeaderText="Balance" />
            </Columns>
        </asp:GridView>
    </div>
 </div>
    
    </form>
</asp:Content>
